<template>
	<view class="video-detail">
		<view class="video-content">
			<video id="myVideo" :src="resourceMsg.fileInfos[0].fileName"
			    @error="videoErrorCallback"  controls></video>
		</view>
	</view>
</template>

<script>
	export default {
		props:{
			resourceMsg:{
				type:Object,
				default(){
					return {}
				}
			}
		},
		components:{
		},
		data() {
			return {
				
			}
		},
		methods: {
			videoErrorCallback(){}
		}
	}
</script>

<style lang="scss" >
.video-detail{
	.video-content{
		#myVideo{
			width: 100%;
		}
		video{
			width: 100%;
		}
	}
}
</style>
